<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width, initial-scale=1.0">
    <title>注册登陆</title>
    <link rel="stylesheet" type="text/css" href="css/Login.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="js/jquery.min.js" />
</head>
<body>
    <div class="top">
        <p id="topP" style="display: flex;justify-content: space-between;margin-top: 8%;">

            <span onclick="window.location.href='PersonalCenter.html'">
                <img src="images/xiaoyuhao.png" alt="" width="16%" style="margin-left:24%;margin-top: 3%;">
            </span>

            <span class="zhuce">注册登陆</span>

            <span>
                <img src="images/客服.png" alt="" width="16%" style="margin-left: 59%;margin-top: 3%;">
            </span>
        </p>
    </div>
    <div class="container">
        

        <div class="block">
            <ul>  
                <div class="block bottom" >
<!-- <p style="width: 16%;"> -->
    <span>+86</span>
    <span>l</span>
<!-- </p>     -->
            <input type="text" placeholder="输入手机号码">
                </div>
                <div class="blockTwo bottom" style="overflow: hidden;">                 
                        <div style="float:left">
                            <input type="password" style="margin-left: -30%;" placeholder="输入输入验证">
                        </div>
                        <div onclick="getCode()" class="code"  style="background-color: #1EA5F6;">
                            <a href="#">获取验证码</a>
                        </div>      
                </div>

                <div class="block bottom bottom_color" >
                    <a href="#">立即登录</a>
                </div>
                <!-- margin-left: 14%; -->
                <p class="bottom bottomP" style="color: gray;width: 65%;margin:0 auto;">首次登录用户验证后自动登录</p>
            </ul>
        </div>
        <!-- margin-left: 36%; -->
        <p class="bottom qita" style="color: gray;width: 72%;margin:20% 36% 0 36%;">其他登录方式</p>
        <p></p>
        <p></p>
        <p class="p" style="text-align: center; width: 72%;margin:5% auto 5%;" >   
            <img src="images/web_微信.png" alt="" width="10%">
            <img src="images/QQ (1).png" alt="" width="10%">
            <img src="images/web_新浪微博.png" alt="" width="10%">
        </p>
    </div>

<script>
function getCode(){
            alert(123)
    }
</script>
</body>
</html>